<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-12">
					<button type="button" class="btn btn-primary">按钮</button>
					<button type="button" class="btn btn-info">按钮</button>
					<button type="button" class="btn btn-danger">按钮</button>
					<button type="button" class="btn btn-warning">按钮</button>
					<button type="button" class="btn btn-success">按钮</button>
					<button type="button" class="btn btn-secondary">按钮</button>
					<button type="button" class="btn btn-light">按钮</button>
					<button type="button" class="btn btn-dark">按钮</button>
					<button type="button" class="btn btn-link">按钮</button>
				</div>
			</div>
			<hr >
			<div class="row">
				<div class="col-12">
					<button type="button" class="btn btn-outline-danger">按钮边框</button>
					<button type="button" class="btn btn-outline-warning btn-sm">按钮边框</button>
					<button type="button" class="btn btn-outline-info btn-lg">按钮边框</button>
				</div>
			</div>
			<hr >
			<div class="row">
				<div class="col-12">
					<button type="button" class="btn btn-primary">按钮</button>
					<button type="button" class="btn btn-primary active">激活按钮</button>
					<button type="button" class="btn btn-primary disabled">禁用按钮</button>
				</div>
			</div>
			<h3>那些标签可以</h3>
			<div class="row">
				<div>
					<a href="#">标签做按钮</a>
					<button type="button" class="btn btn-danger">Button做按钮</button>
					<!-- 颜色选择器 --><!-- <input type="color"> -->
					<!-- 邮箱默认正则 --><!-- <input type="email"/> -->
					<input type="submit" class="btn btn-warning" value="注册会员"/>
				</div>
			</div>
		</div>
	</body>
</html>
